<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" href="css/头尾.css">
		<script src="js/new_file.js"></script>
		<script>
			$(function(){
				$(".top-twos").hide()
				$(".san").show()
				$(".cha").hide()
				$(".san").click(function(){
					$(".san").hide()
					$(".cha").show()
					$(".top-twos").show()
				});
				$(".cha").click(function(){
					$(".san").show()
					$(".cha").hide()
					$(".top-twos").hide()
				})
			})
		</script>
		<style>
			.content {
				width: 80%;
				margin: 0 auto;
				/* border: 1px solid red; */
			}

			.onediv {
				/* border: 1px solid red; */
				/* height: 100%; */
				padding: 20px;
				width: 800px;
				margin: 0 auto;
				border-bottom: 1px #EFCBBD solid;
				display: flex;
				justify-content: space-around;
				padding-bottom: 30px;
			}

			.onediv:last-child {
				border-bottom: 0;
			}

			.box {
				/* border: 1px solid rebeccapurple; */
				padding: 10px;
				width: 400px;
			}

			.box img {
				width: 395px;
				height: 250px;
				border-radius: 8px;
				display: block;
			}

			.boxtou {
				width: 40%;
				font-size: 20px;
				text-align: center;
				line-height: 40px;
				margin-bottom: 10px;
				border-radius: 50px;
				background-color: #EFCBBD;
				color: black;
			}

			@media screen and (max-width:1000px) {
				.onediv {
					display: block;
					width: 90%;
					border-bottom: 0;
					padding: 0px;
				}

				.box {
					padding: 10px;
					width: 100%;
					text-align: center;
					margin: 0 auto;
					border-bottom: 1px #EFCBBD solid;
				}

				.box:last-child {
					border-bottom: 0;
				}

				.box img {
					width: 100%;
					height: 240px;
				}

				#kong {
					display: none;
				}
			}
		</style>
	</head>
	<body>
		<header>
			<div class="img">
				<img src="img/close.png" class="cha" />
				<img src="img/菜单.png" class="san" />
			</div>
			<div class="top">
				<div class="top-one">
					<img src="img/top.png" />
				</div><!--top-one-->
				<div class="top-two">
					<ul>
						<li><a href="shouye.html" class="line">首页</a></li>
						<li><a href="company.html">公司简介</a></li>
						<li><a href="xiangmu.html">我们的项目</a></li>
						<li><a href="yiqi.html">我们的仪器</a></li>
						<li><a href="youshi.html">我们的优势</a></li>
						<li><a href="team.html">医师团队</a></li>
					</ul>
				</div><!--top-two-->
				<div class="top-three">
					<input type="search">
				</div><!--top-three-->
			</div><!--top-->
		</header>
		<div class="content">
			<div class="onediv">
				<div class="box">
					<div class="boxtou">种植牙</div>
					<img src="imgs/kqmrxq1.jfif">
				</div>
				<div class="box">
					<div class="boxtou">烤瓷牙</div>
					<img src="imgs/kqmrxq2.jfif">
				</div>
			</div>
			<div class="onediv">
				<div class="box">
					<div class="boxtou">冷光美白</div>
					<img src="imgs/kqmrxq1.jfif">
				</div>
				<div class="box">
					<div class="boxtou">口腔正畸</div>
					<img src="imgs/kqmrxq4.jfif">
				</div>
			</div>
		</div>
		<footer>
			<div class="footers">
				<div class="footer-one">
					<p class="women" style="letter-spacing:5px;">联系我们</p>
					<p class="guanwang">官网：www.llpic.com</p>
					<p class="wx">微信/手机：888-8888888</p>
					<div class="f-div">
						<p class="phone">热线电话：888-8888888</p>
						<p class="address">地址：泰安市天平湖路888号</p>
					</div>
				</div>
				<div class="footer-two">
					<img src="img/footer.png" />
					<div class="p-show">
						<p class="phone">热线电话：888-8888888</p>
						<p class="address">地址：泰安市天平湖路888号</p>
					</div>
				</div>
				<div class="footer-three">
					<img src="img/erweima.jpg" />
				</div>
			</div>
		</footer>
	</body>
</html>
